﻿
body
{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
html, body
{
    height: 100%;
}
img
{
    border: none;
}
*
{
    font-family: '微软雅黑';
    font-size: 12px;
    color: #626262;
}
dl, dt, dd
{
    display: block;
    margin: 0;
}
a
{
    text-decoration: none;
}

#bg
{
    background-image: url(../images/content/dotted.png);
}
.container
{
    width: 100%;
    height: 100%;
    margin: auto;
    margin-top: 40px;
    position: fixed;
}

/*left*/
.leftsidebar_box
{
    width: 168px;
    height: auto !important;
    position: absolute;
    height: 100% !important;
    background-color: #3992d0;
    float: left;
    left: 0px;
    overflow:auto;
}
.bottom_c
{
    position: absolute;
    bottom: 0;
    background: #586683;
    width: 100%;
    text-align: center;
    color: #CCD8E8;
    padding: 8px 0;
}
#if_main
{
    border: none;
    height: 100%;
    width: 100%;
}
.Conframe
{
    border-radius: 8px;
    border: 1px solid #b3baca;
    background: #FFF;
    position: absolute;
    left: 172px;
    top: 113px;
    overflow: auto;
    right: 8px;
    bottom: 42px;
    z-index: 999;
    padding: 8px;
}

.contentsidebar_box
{
    /*border-radius: 2px;*/
    background: #FFF;
    position: absolute;
    left: 172px;
    top: 0px;
    right: 0px;
    bottom: 105px;
    z-index: 2;
    padding: 0px;
    margin: 0px; /*padding: 2px;*/
}
.contentsidebar_box iframe
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f3f3f3;
    border: none;
}
.line
{
    height: 2px;
    width: 100%;
    background-image: url(../images/left/line_bg.png);
    background-repeat: repeat-x;
}
.leftsidebar_box dt
{
    padding-left: 40px;
    padding-right: 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #f5f5f5;
    font-size: 14px;
    position: relative;
    line-height: 48px;
    cursor: pointer;
}
.leftsidebar_box dd
{
    background-color: #317eb4;
    padding-left: 40px;
}
.leftsidebar_box dd a
{
    color: #f5f5f5;
    line-height: 25px;
}
.leftsidebar_box dd a:hover
{
    color: Red;
}
.a_bg
{
    background-color: #424f63;
    border-left: solid 3px blue;
}
.leftsidebar_box dt img
{
    position: absolute;
    right: 10px;
    top: 20px;
}
.system_log dt
{
    background-image: url(../images/left/system.png);
}
.custom dt
{
    background-image: url(../images/left/custom.png);
}
.channel dt
{
    background-image: url(../images/left/channel.png);
}
.app dt
{
    background-image: url(../images/left/app.png);
}
.cloud dt
{
    background-image: url(../images/left/cloud.png);
}
.syetem_management dt
{
    background-image: url(../images/left/syetem_management.png);
}
.syetem dt
{
    background-image: url(../images/left/syetem.png);
}
.source dt
{
    background-image: url(../images/left/source.png);
}
.statistics dt
{
    background-image: url(../images/left/statistics.png);
}

.statistics1 dt
{
    background-image: url(../images/left/statistics.png);
}
.statistics2 dt
{
    background-image: url(../images/left/custom.png);
}
.statistics3 dt
{
    background-image: url(../images/left/app.png);
}
.statistics4 dt
{
    background-image: url(../images/left/source.png);
}
.statistics5 dt
{
    background-image: url(../images/left/cloud.png);
}
.statistics6 dt
{
    background-image: url(../images/left/syetem_management.png);
}
.statistics7 dt
{
    background-image: url(../images/left/system.png);
}
.statistics8 dt
{
    background-image: url(../images/left/app.png);
}
.statistics9 dt
{
    background-image: url(../images/left/system.png);
}
.statistics10 dt
{
    background-image: url(../images/left/system.png);
}
.statistics11 dt
{
    background-image: url(../images/left/system.png);
}
.statistics12 dt
{
    background-image: url(../images/left/system.png);
}
.leftsidebar_box dl dd:last-child
{
    padding-bottom: 10px;
}

.leftmenu2
{
    float: left;
    width: 45px;
    height: 1200px;
    position: absolute;
    background: #424f63;
    left: 0px;
}
.leftmenu2 ul
{
    float: left;
    width: 45px;
    height: auto;
}
.leftmenu2 > ul > li
{
    width: 45px;
    float: left;
    height: auto;
    position: relative;
}
.leftmenu2 > ul > li > a
{
    width: 45px;
    height: 45px;
    float: left;
    display: block;
    line-height: 45px;
    color: #FFF;
    cursor: pointer;
}
.leftmenu2 > ul > li > a.j_a_list1
{
    background: url(../images/left/statistics.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list2
{
    background: url(../images/left/custom.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list3
{
    background: url(../images/left/app.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list4
{
    background: url(../images/left/source.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list5
{
    background: url(../images/left/cloud.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list6
{
    background: url(../images/left/syetem_management.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > a.j_a_list7
{
    background: url(../images/left/system.png) no-repeat 5px center;
}
.leftmenu2 > ul > li > .j_menu_list
{
    width: 160px;
    max-height: 350px;
    float: left;
    font-size: 14px;
    background: #353f4f;
    position: absolute;
    margin-left: 45px;
    display: none;
    z-index: 999;
    overflow-y:auto;
    overflow-x:hidden;
}
.leftmenu2 > ul > li > .j_menu_list > span
{
    display: block;
    float: left;
    margin-left: -45px;
    width: 192px;
    height: 45px;
    color: #FFF;
    line-height: 45px;
    text-indent: 6.5em;
}
.leftmenu2 > ul > li > .j_menu_list > span > i
{
    width: 45px;
    height: 45px;
    float: left;
    position: absolute;
    cursor: pointer;
    display: block;
    border-right: solid 3px #CCC;
}
.leftmenu2 > ul > li > .j_menu_list > a
{
    width: 160px;
    float: left;
    height: 38px;
    line-height: 38px;
    text-indent: 3em;
    color: #FFF;
    display: block;
}
.leftmenu2 > ul > li > .j_menu_list > a:hover
{
    background: #2a323f;
}
ul, li
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#TopMenu
{
    width: 100%;
    height: 30px;
    margin: 0 auto;
    background-color: rgb(2, 44, 85);
    float: left;
    display: block;
}
#TopMenu ul li
{
    float: left;
    height: 30px;
    margin-right: 5px;
    display: block;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    padding: 0px 8px;
}
.tags
{   
    min-width: 50px;
    max-width: 180px;
    background: rgb(255, 204, 0);
}
.active
{
    background: white;
    color: Black;
}
.conents
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
